<template>
  <div class="cont" ref="fullscreenContainer">
    <Myhead title="监控画面" />
    <div class="w">
   
    </div>
    <Myfoot />
  </div>
</template>

<script>
import Myhead from "./components/my-head.vue";
import Myfoot from "./components/my-foot.vue";



// import {ProjectList} from "@/api"
export default {
  data() {
    return {
      proList: [],
    };
  },
  methods: {
    handleJump() {
      console.log("1111");
      // this.$router.push('/')
    },
 
  },
  components: {
    Myhead,
    Myfoot,
  },

  mounted() {
    this.videoPlay()

  },
  computed: {},
};
</script>

<style lang="scss" scoped>
.w {
  display: flex;
  width: 9.8333rem;
  margin: 0 auto;
  justify-content: space-between;
}
.left {
  width: 9.8333rem;
  height: 80vh;
  margin-top: 0.1823rem;
  border-radius: 0.0208rem;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(0.1615rem);
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  box-shadow: 0px 0.0521rem 0.0781rem 0px rgba(3, 30, 62, 0.3);
}
.aibox {
  width: 4.6354rem;
  height: 29%;
  border-radius: 0.0754rem;
  background: rgba(8, 14, 27, 0.5);
  margin-top: 0.1042rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.connect {
  height: 1.0365rem;
  display: flex;
  flex-direction: column;
  font-size: 0.1875rem;
  justify-content: space-around;
}
</style>
